<template>
	<a v-bind:class="[disable?'regButton-a-disable':'','regButton-a']" v-on:click="buttonEvent">{{title}}</a>
</template>
<style scoped>
	.regButton-a {
		background-color: #409EFF;
		color: #ffffff;
		width: 280px;
		height: 40px;
		line-height: 40px;
		border: 1px solid #409EFF;
		text-align: center;
		cursor: pointer;
		margin: 5px 0;
		border-radius: 3px;
    font-size: 16px;
    display: inline-block;
		box-sizing: border-box;
	}

	.regButton-a-disable {
		cursor: not-allowed;
    background-color: #e6e6e6;
    border: none;
		/* border: 1px solid #e6e6e6; */
	}
</style>
<script>
	//表格内操作按钮
	export default {
		name: "regButton",
		props: {
			disable: {
				default: false
			},
			title: {
				default: ""
			}
		},
		meta: {
			descr: "注册按钮"
		},
		methods: {
			buttonEvent: function() {
				var that = this;
				if (!that.disable) {
					that.$emit("click");
				}
			}
		}
	};
</script>